.Structure {
  :global {
    .ant-page-header {
      padding: 7px 21px;
      font-size: 20px;

      .ant-page-header-heading {
        .ant-page-header-heading-title {
          color: rgba(51, 51, 51, 1);
          font-weight: 400;
          font-size: 14px;
        }
      }
    }

    .ant-card {
      height: calc(100vh - 108px);

      .ant-card-body {
        height: 100%;

        .content {
          display: flex;
          justify-content: space-between;
          width: 100%;
          height: 100%;

          .left {
            width: 19%;
            height: 100%;
            border: 1px solid rgba(233, 233, 233, 1);

            h3 {
              width: 100%;
              height: 34px;
              margin: 0;
              color: rgba(153, 153, 153, 1);
              font-weight: 400;
              font-size: 12px;
              line-height: 34px;
              text-align: center;
              background: rgba(250, 250, 250, 1);
              border-bottom: 1px solid rgba(239, 239, 239, 1);
            }

            .tree {
              width: 100%;
              height: calc(100% - 35px);
              padding: 7px;

              .tree-box {
                position: relative;
                height: calc(100% - 32px);
                margin-top: 5px;
                overflow: auto;

                .ant-spin {
                  position: absolute;
                  top: 50%;
                  left: 30%;
                  transform: rotate(50%, 50%);
                }
              }
            }
          }

          .right {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            width: 80%;
            height: 100%;

            .table {
              height: 100%;
            }
          }
        }
      }
    }
  }
}
